<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>商品管理</title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/rest.css"/>
		<link rel="stylesheet" type="text/css" href="css/chakan.css"/>
		<script src="js/jquery-1.11.3.min.js"></script>
		<script src="js/bootstrap.min.js"></script>
		<style>
			table{
				width: 100%;
				margin-top:10px;
				border-collapse: collapse;
			}
			.table01{
				
				border:1px solid #ddd;
			}
			/*tr,td,th{
				border:1px solid #ddd;
				
			}*/
			tr{
				height: 35px;					
			}
			tr:hover{
				background:#eee;
			}
			td,th{
				padding-left: 10px;		
			}
			.btn_a{
				padding:0;
				font-size: 12px;
			}
			.del{
				cursor: pointer;
			}
			.inp02{
	
				padding:5px 10px;
				border:1px solid #ddd;
			}
			
			.btn01{
				border:0;
				background:none;
				padding:5px 15px;
				background:#187FDE;
				color:#fff;
			}
			.img_b{
				width: 65px;
				height: 65px;
			}
			.img_b img{
				margin-top:2px;
				width: 60px;
				height:60px;
				overflow: hidden;
			}
			
		</style>
	</head>
	<body>
		<div class="container-fluid" style="margin-top:10px;">
			<div>
				<input type="text" class="inp02" placeholder="请输入订单号" /><button class="btn01" /> 搜索</button><a href="shangpin.html" title=""><button class="btn01 fr" /> 添加商品</button></a>
			</div>
			<table border="1" class="table01 table">
				<tr class="info">
					<th>商品名称</th>
					<th>图片</th>
					<th>价格</th>
	
					<th>尺寸</th>
					<th>库存</th>
					<th>状态</th>			
					<th>操作</th>
				</tr>
				
				<tr>
					<td>袜子</td>
					<td>
						<div class="img_b"><img src="images/gupiao.png"/></div></td>
					<td>20.00</td>
				
					<td>xl</td>
					<td>100件</td>
					<td>
						已取消
						
					</td>
					
				
					<td>
						<a href="shangpin.html">编辑</a>&nbsp;|&nbsp;<span class="del">删除</span>
					</td>
				</tr>
				<tr>
					<td>裤子</td>
					<td>
						<div class="img_b"><img src="images/head01.png"/></div></td>
					<td>120.00</td>
				
					<td>l</td>
					<td>200件</td>
					<td>
						已取消
						
					</td>
					
				
					<td>
						<a href="shangpin.html">编辑</a>&nbsp;|&nbsp;<span class="del">删除</span>
					</td>
				</tr>
				<tr>
					<td>外套</td>
					<td>
						<div class="img_b"><img src="images/logo.png"/></div></td>
					<td>200.00</td>
				
					<td>xxl</td>
					<td>50件</td>
					<td>
						已取消
						
					</td>
					
				
					<td>
						<a href="shangpin.html">编辑</a>&nbsp;|&nbsp;<span class="del">删除</span>
					</td>
				</tr>
				
			
			</table>
			
			
		</div>
	</body>
</html>
